.glyphicon{
  vertical-align: text-top;
}
.navbar-toggle .icon-bar{
  background-color: #fff;
}
.navbar-toggle{
  border: 1px solid #fff;
}
.breadcrumb{
  float: left;
}
.table>tbody>tr>td{
  vertical-align: middle;
}
.cf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
  line-height: 0;
  overflow: hidden
}
.fl{
  float: left;
}
.cf {
  *zoom: 1
}
.header{
  background-color: #28a3e8;
}
.logo{
  margin-top: 6px;
}
.user-info{
  padding: 4px 15px;
}
#nav-header a{
  color: #fff;
  &:hover{
    background-color: #28a3e8;
  }
}
.main{
  position: absolute;
  width: 100%;
  top: 50px;
  bottom: 0;
  background-color: #d9dee1;
  z-index: 100;
}
.main-left{
  position: fixed;
  width: 180px;
  top: 50px;
  bottom: 0;
  z-index: 102;
  overflow-x: hidden;
}
.main-right{
  width: auto;
  position: absolute;
  top: 0;
  left: 180px;
  bottom: 0;
  right: 0;
  overflow: hidden;
  overflow-y: auto;
  overflow-x: auto;
  background: #e9edf0;
}
.content{
  margin: 20px;
}

